<!-- 本页导航栏开始 -->
<div class="row wrapper border-bottom white-bg page-heading">
    <div class="col-lg-10">
        <h2>首页</h2>
        <ol class="breadcrumb">
            <li>
                <a href="__APP__">首页</a>
            </li>
            <li class="active">
                <strong>{$fenleiInfo.name}</strong>
            </li>
        </ol>
    </div>
    <div class="col-lg-2">

    </div>
</div>
<!-- 本页导航栏结束 -->

<!-- 正文开始 -->
<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
        <div class="col-lg-12">
            <if condition = "$fenleiInfo.type eq 1">
            <style>
                .button_link{display:inline-block;position:relative;text-decoration:none;font-size:15px;color:#33ab6a;font-weight:bold;width:100%;height:100%;border:2px solid rgba(225,255,255,.8);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s;}
                .button_link:hover{border:2px solid rgba(255,255,255,1);}
                .button_link .line{display:inline-block;background-color:#BABABA ;position:absolute;-webkit-transition:0.5s ease;-o-transition:0.5s ease;transition:0.5s ease;}
                .button_link .line_top{height:2px;width:0;left:-50%;top:-2px;}
                .button_link:hover .line_top{width:100%;left:-2px;}
                .button_link .line_right{height:0;width:2px;top:-50%;right:-2px;}
                .button_link:hover .line_right{height:100%;top:-2px;}
                .button_link .line_bottom{width:2px;height:0;bottom:-50%;left:-2px;}
                .button_link:hover .line_bottom{height:100%;bottom:-2px;}
                .button_link .line_left{height:2px;width:0;right:-50%;bottom:-2px;}
                .button_link:hover .line_left{width:100%;right:-2px;}
            </style>
                <div class="row">
                    <foreach name = "articleList" item = "vo">
                        <div class="ibox">
                            <div class="ibox-content">
                                <div class="row">
                                    <div class="col-lg-2" >
                                       <a href="__MODULE__/Article/index/id/{$vo.id}" class="button_link">
                                        <img alt="image" class="img-responsive" src="__PUBLIC__/Uploads/{$vo.pic}" style="min-height:120px;">
                                        <span class="line line_top"></span>
                                        <span class="line line_right"></span>
                                        <span class="line line_bottom"></span>
                                        <span class="line line_left"></span>
                                        </a>
                                    </div>
                                    <div class="col-lg-10">
                                        <a href="__MODULE__/Article/index/id/{$vo.id}" class="btn-link">
                                            <h2>
                                                {$vo.title|msubstr=0,25,'utf-8',false}
                                            </h2>
                                        </a>
                                        <p>
                                            {$vo.content|strip_tags|msubstr=0,160,'utf-8',true} <br>
                                        </p>
                                        <div class="row">
                                            <div class="col-md-10" >
                                                <span class="label label-primary" style="font-size:12px;">作者：{$vo.truename}</span>
                                                <span class="label label-info"   style="font-size:12px;">查看：{$vo.view}</span>
                                                <span class="label label-warning"   style="font-size:12px;">时间：{$vo.ctime|date = "Y-m-d",###}</span>

                                            </div>
                                            <div class="col-md-2" style="margin-top:10px;">
                                                <div class="small text-right">
                                                    <a href="__MODULE__/Article/index/id/{$vo.id}"><button type="button" class="btn btn-w-m btn-danger">查看全文</button></a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                        </div>
                    </foreach>
                </div>
                    <elseif condition = "$fenleiInfo.type eq 2" />
                        <link rel="stylesheet" type="text/css" href="__PUBLIC__/doudong/css/type2.css" />
                    <div class = "row">
                        <foreach name = "articleList" item = "vo">
                            <div class="col-lg-6">
                                <div class="ibox float-e-margins">
                                    <div>
                                        <div class="ibox-content no-padding border-left-right" >
                                        <div class="grid">
                                        <figure class="effect-layla">
                                            <img alt="image" class="img-responsive" src="__PUBLIC__/Uploads/{$vo.pic}" style="width:100%;max-height:300px;">
                                            <figcaption>
                                            <h2>{$vo.title|strip_tags|msubstr=0,20,'utf-8',false}</h2>
                                            <p>{$vo.content|strip_tags|msubstr=0,20,'utf-8',true}</p>
                                            <a href="__MODULE__/Article/index/id/{$vo.id}">View more</a>
                                        </figcaption>
                                        </figure>
                                        </div>

                                        </div>
                                        <div class="ibox-content profile-content" style="padding:10px;">
                                            <a href="__MODULE__/Article/index/id/{$vo.id}"><center><h2><strong>{$vo.title}</strong></h2></center></a>
                                            <p>{$vo.content|strip_tags|msubstr=0,100,'utf-8',true}</p>
                                            <span class="label label-primary" style="font-size:12px;">作者：{$vo.truename}</span>
                                            <span class="label label-info"   style="font-size:12px;">查看：{$vo.view}</span>
                                            <span class="label label-warning"   style="font-size:12px;">时间：{$vo.ctime|date = "Y-m-d",###}</span>
                                            <p>
                                            </p>
                                            <div class="user-button">
                                                <div class="row">
                                                    <div class="col-md-12">
                                                        <a href="__MODULE__/Article/index/id/{$vo.id}"><button type="button" class="btn btn-danger btn-sm btn-block"><i class="fa fa-envelope"></i>点击阅读</button></a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </foreach>

                    <elseif condition = "$fenleiInfo.type eq 3" />
                    <link rel="stylesheet" type="text/css" href="__PUBLIC__/doudong/css/type2.css" />
                    <div class="row">

                        <foreach name = "articleList" item = "vo">
                            <div class="col-lg-4">
                                <div class="ibox">
                                    <div class="ibox-title">
                                        <h4>{$vo.title|msubstr=0,10,'utf-8',false}</h4>
                                    </div>
                                    <div class="ibox-content">

                                        <div class="grid">
                                        <figure class="effect-goliath">
                                            <a href="__MODULE__/Article/index/id/{$vo.id}"><img alt="member" src="__PUBLIC__/Uploads/{$vo.pic}" width="100%"></a>
                                        <figcaption style="text-align:center;">
                    <p >{$vo.biaoqian}</p>
                    <a href="__MODULE__/Article/index/id/{$vo.id}">View more</a>
                        </figcaption>
                                        </figure>
                                        </div>

                                        <center><h2>{$vo.title|msubstr=0,10,'utf-8',false}</h2></center>
                                        <p>
                                            {$vo.content|msubstr=0,70,'utf-8',true|htmlspecialchars_decode}
                                        </p>
                                        <div>
                                            <span>个人对电影的评分:</span>
                                            <div class="stat-percent">{$vo.pingfen}分</div>
                                            <div class="progress progress-mini">
                                                <div style="width: {$vo.pingfen}%;" class="progress-bar"></div>
                                            </div>
                                        </div>
                                        <div class="row  m-t-sm">
                                            <div class="col-sm-12">
                                            <span class="label label-warning" style="font-size:12px;">作者：{$vo.truename}</span>
                                            <span class="label label-success"  style="font-size:12px;">评论：{$vo.comment}</span>
                                            <span class="label label-info"   style="font-size:12px;">查看：{$vo.view}</span>
                                            </div>

                                        </div>
                                        <br>
                                        <div class="row">
                                            <div class="col-md-12">
                                                <a href="__MODULE__/Article/index/id/{$vo.id}"><button type="button" class="btn btn-danger btn-sm btn-block"><i class="fa fa-envelope"></i>点击阅读</button></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </foreach>

                        <elseif condition = "$fenleiInfo.type eq 4" />
                            <link rel="stylesheet" type="text/css" href="__PUBLIC__/doudong/css/tilteffect.css" />
                            <link rel="stylesheet" type="text/css" href="__PUBLIC__/doudong/css/demo.css" />



                        <div class="row">
                            <div class="col-lg-8">

                                <foreach name = "articleList" item = "vo">
                                        <div class="row">
                                    <div class="col-lg-12">
                                            <div class="content">
                                            <ul class="grid grid--xray" style="padding-left:0px;">
                                            <li class="grid__item">
                        <div class="grid__img grid__img--border">
                            <img src="__PUBLIC__/Uploads/{$vo.pic}" class="tilt-effect" data-tilt-options='{ "bgfixed" : false, "movement": { "perspective" : 1000, "translateX" : 30, "translateY" : 30, "translateZ" : -50, "rotateX" : 3, "rotateY" : 3, "rotateZ" : 10 } }' alt="grid01"  width="100%;" />
                        </div>
                    </li>
                    </ul>
                                            </div>
                                        </div>
                                        </div>
                                    <div class="row">
                                    <div class="col-lg-12">
                                    <div class="ibox-content profile-content" style="padding:10px;">
                                            <a href="__MODULE__/Article/index/id/{$vo.id}"><center><h2><strong>{$vo.title}</strong></h2></center></a>
                                            <p>{$vo.content|strip_tags|msubstr=0,160,'utf-8',true}</p>
                                            <span class="label label-primary" style="font-size:12px;">作者：{$vo.truename}</span>
                                            <span class="label label-info"   style="font-size:12px;">查看：{$vo.view}</span>
                                            <span class="label label-warning"   style="font-size:12px;">时间：{$vo.ctime|date = "Y-m-d",###}</span>
                                            <p>
                                            </p>
                                            <div class="user-button">
                                                <div class="row">
                                                    <div class="col-md-12">
                                                        <a href="__MODULE__/Article/index/id/{$vo.id}"><button type="button" class="btn btn-danger btn-sm btn-block"><i class="fa fa-envelope"></i>点击阅读</button></a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        </div>
                                    </div>
                                        <hr>
                                </foreach>
                            </div>
                            <div class="col-lg-4">
                                <div class="panel panel-primary">
                                        <div class="panel-heading">
                                            心情栏目
                                        </div>
                                        <div class="panel-body">
                                            假<br>装<br>这<br>里<br>有<br>一<br>个<br>广<br>告
                                        </div>
                                    </div>
                                    <div class="panel panel-danger">
                                        <div class="panel-heading">
                                            心情栏目
                                        </div>
                                        <div class="panel-body">
                                            假<br>装<br>这<br>里<br>有<br>一<br>个<br>广<br>告
                                        </div>
                                    </div>
                                    <div class="panel panel-warning">
                                        <div class="panel-heading">
                                            心情栏目
                                        </div>
                                        <div class="panel-body">
                                            假<br>装<br>这<br>里<br>有<br>一<br>个<br>广<br>告
                                        </div>
                                    </div>
                                    <div class="panel panel-info">
                                        <div class="panel-heading">
                                            心情栏目
                                        </div>
                                        <div class="panel-body">
                                            假<br>装<br>这<br>里<br>有<br>一<br>个<br>广<br>告
                                        </div>
                                    </div>
                            </div>
                            <script src="__PUBLIC__/doudong/js/tiltfx.js"></script>
                        </if>
                    </div>
                    <div class= "text-center">{$page}</div>
                </div>
            </div>
        </div>
        <!-- 正文结束 -->